<div class="m2 modal-content">
    <div class="modal-header">
        <div class="row">
            <div class="col-sm-2">
                <select class="form-control">
                    <option>推广计划1</option>
                    <option>推广计划2</option>
                    <option>推广计划3</option>
                </select>
            </div>
            <h3 class="modal-title">推广新宝贝</h3>
        </div>
        <br>
        <div class="panel panel-default col-sm-12">
            <div class="panel-body">
                <div align="center">
                    <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>声明：请您确认所有推广内容符合直通车对推广信息的<a href="##">具体要求</a>，经确认后的推广内容若不符合直通车要求，造成的后果与本软件无关。
                </div>
            </div>
        </div>
    </div>
    <div class="modal-body">
        <div class="row" ng-init="mode='single'">
            <h3>1.选择推广组：</h3>
            <div class="btn-group btn-group-sm" role="group">
                <button type="button" class="btn" ng-class="{'btn-primary':(mode=='single'), 'btn-default':(mode!='single')}" ng-click="mode='single';"
                        data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">单个手动推广</button>
                <button type="button" class="btn" ng-class="{'btn-primary':(mode=='multiple'), 'btn-default':(mode!='multiple')}" ng-click="mode='multiple';"
                        data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">多个手动推广</button>
            </div>
        </div>
        <br>
        <h4 align="center">店铺数据选款推荐</h4>
        <br>
        <div class="row">
            <div  class="s1 text">
                <p>
                     <span>
                       支付宝成交件数top榜
                     </span>
                </p>
            </div>
            <div  class="s2 text">
                <p>
                     <span>
                       访客平均价值top榜
                     </span>
                </p>
            </div>
            <div  class="s3 text">
                <p>
                     <span>
                       综合评估top榜（支付宝成交件数排名50%+访客平均价值排名50%）
                     </span>
                </p>
            </div>
        </div>
        <table class="tables">
            <tr>
                <td>
                    <table class="table1 table">
                        <thead>
                        <tr>
                            <th>   </th>
                            <th>排名</th>
                            <th>宝贝</th>
                            <th>成交件数</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr ng-repeat="planpage in planpages">
                            <td><input type="checkbox" id="inline1" value="option1"></td>
                            <td>{{planpage.rank}}</td>
                            <td>{{planpage.baby}}</td>
                            <td>{{planpage.number}}</td>
                        </tr>

                        </tbody>
                    </table>
                </td>
                <td>
                    <table class="table2 table">
                        <thead>
                        <tr>
                            <th>   </th>
                            <th>排名</th>
                            <th>宝贝</th>
                            <th>访客平均价值</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr ng-repeat="planpage in planpages2">
                            <td><input type="checkbox" id="inline2" value="option1"></td>
                            <td>{{planpage.rank}}</td>
                            <td>{{planpage.baby}}</td>
                            <td>{{planpage.average_value}}</td>
                        </tr>

                        </tbody>
                    </table>
                </td>
                <td>
                    <table class="table3 table">
                        <thead>
                        <tr>
                            <th>   </th>
                            <th>排名</th>
                            <th>宝贝</th>
                            <th>综合数值</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr ng-repeat="planpage in planpages3">
                            <td><input type="checkbox" id="inline3" value="option1"></td>
                            <td>{{planpage.rank}}</td>
                            <td>{{planpage.baby}}</td>
                            <td>{{planpage.numerical}}</td>
                        </tr>

                        </tbody>
                    </table>
                </td>
            </tr>
        </table>

        <div class="collapse" id="collapseExample" >
            <div class="well">
                <h4 align="center">数据选款推荐结果（共3款）</h4>
                <br>
                <table class="table4 table">
                    <thead>
                    <tr>
                        <th>宝贝</th>
                        <th>宝贝数据</th>
                        <th>选款数据依据</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr class="tr1">
                        <td class="td1">
                            <img src="Img\planpage\u625-1.png">
                            <div class="text1">
                                <p>
                                  <span>
                                      2016夏季新款平底沙滩拖鞋韩版气质优雅小碎花朵百搭夏天日常拖鞋
                                  </span>
                                </p>
                            </div>
                        </td>
                        <td class="td2">
                            <table class="table4-1">
                                <tbody>
                                <tr>
                                    <td>支付转化率 ：</td>
                                    <td>1.23</td>
                                    <td>商品浏览量 ：</td>
                                    <td>6346</td>
                                </tr>
                                <tr>
                                    <td>支付金额 ：</td>
                                    <td>1405</td>
                                    <td>平均停留时间 ：</td>
                                    <td>15.57</td>
                                </tr>
                                <tr>
                                    <td>加购物车数 ：</td>
                                    <td>290</td>
                                    <td>详细页跳出率 ：</td>
                                    <td>76.76</td>
                                </tr>
                                <tr>
                                    <td>收藏人数：</td>
                                    <td>202</td>
                                </tr>
                                </tbody>
                            </table>
                        </td>
                        <td class="td3">
                            <table>
                                <tbody>
                                <tr>
                                    <td class="td3-1">店铺数据：</td>
                                    <td>
                                        <table>
                                            <tbody>
                                            <tr>
                                                <td> 支付宝成交件数：50;</td>
                                                <td>排名：7</td>
                                            </tr>
                                            <tr>
                                                <td>平均访问价值：0.35;</td>
                                                <td>排名：74</td>
                                            </tr>
                                            <tr>
                                                <td>综合排名：40</td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="td3-1">直通车数据：</td>
                                    <td>
                                        <table>
                                            <tbody>
                                            <tr>
                                                <td>花费：118.94;</td>
                                                <td>排名：4</td>
                                            </tr>
                                            <tr>
                                                <td>ROI：1.08;</td>
                                                <td>排名：8</td>
                                            </tr>
                                            <tr>
                                                <td>综合排名：6</td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="td3-1">是否掌柜推荐款：</td>
                                    <td><input type="checkbox" value="option1"></td>
                                </tr>
                                </tbody>
                            </table>
                        </td>
                        <td class="table4-td-4">删除</td>
                    </tr>
                    <tr class="tr2">
                        <td>
                            <img src="Img\planpage\u625-2.png" id="u625-2">
                            <div class="text1">
                                <p>
                                  <span>
                                      韩版16夏甜美蝴蝶结一字带低跟凉拖鞋漆皮金属平跟防滑沙滩鞋女鞋
                                  </span>
                                </p>
                            </div>
                        </td>
                        <td class="td2">
                            <table class="table4-1">
                                <tbody>
                                <tr>
                                    <td>支付转化率 ：</td>
                                    <td>1.23</td>
                                    <td>商品浏览量 ：</td>
                                    <td>6346</td>
                                </tr>
                                <tr>
                                    <td>支付金额 ：</td>
                                    <td>1405</td>
                                    <td>平均停留时间 ：</td>
                                    <td>15.57</td>
                                </tr>
                                <tr>
                                    <td>加购物车数 ：</td>
                                    <td>290</td>
                                    <td>详细页跳出率 ：</td>
                                    <td>76.76</td>
                                </tr>
                                <tr>
                                    <td>收藏人数：</td>
                                    <td>202</td>
                                </tr>
                                </tbody>
                            </table>
                        </td>
                        <td class="td3">
                            <table>
                                <tbody>
                                <tr>
                                    <td class="td3-1">店铺数据：</td>
                                    <td>
                                        <table>
                                            <tbody>
                                            <tr>
                                                <td> 支付宝成交件数：50;</td>
                                                <td>排名：7</td>
                                            </tr>
                                            <tr>
                                                <td>平均访问价值：0.35;</td>
                                                <td>排名：74</td>
                                            </tr>
                                            <tr>
                                                <td>综合排名：40</td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="td3-1">直通车数据：</td>
                                    <td>
                                        <table>
                                            <tbody>
                                            <tr>
                                                <td>花费：118.94;</td>
                                                <td>排名：4</td>
                                            </tr>
                                            <tr>
                                                <td>ROI：1.08;</td>
                                                <td>排名：8</td>
                                            </tr>
                                            <tr>
                                                <td>综合排名：6</td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="td3-1">是否掌柜推荐款：</td>
                                    <td><input type="checkbox" value="option1"></td>
                                </tr>
                                </tbody>
                            </table>
                        </td>
                        <td class="table4-td-4">删除</td>
                    </tr>
                    <tr class="tr3">
                        <td>
                            <img src="Img\planpage\u625-3.png" id="u625-3">
                            <div class="text1">
                                <p>
                                  <span>
                                      16夏韩国一字带皮带金属扣复古低跟凉鞋休闲露趾防滑套脚方跟女鞋
                                  </span>
                                </p>
                            </div>
                        </td>
                        <td class="td2">
                            <table class="table4-1">
                                <tbody>
                                <tr>
                                    <td>支付转化率 ：</td>
                                    <td>1.23</td>
                                    <td>商品浏览量 ：</td>
                                    <td>6346</td>
                                </tr>
                                <tr>
                                    <td>支付金额 ：</td>
                                    <td>1405</td>
                                    <td>平均停留时间 ：</td>
                                    <td>15.57</td>
                                </tr>
                                <tr>
                                    <td>加购物车数 ：</td>
                                    <td>290</td>
                                    <td>详细页跳出率 ：</td>
                                    <td>76.76</td>
                                </tr>
                                <tr>
                                    <td>收藏人数：</td>
                                    <td>202</td>
                                </tr>
                                </tbody>
                            </table>
                        </td>
                        <td class="td3">
                            <table>
                                <tbody>
                                <tr>
                                    <td class="td3-1">店铺数据：</td>
                                    <td>
                                        <table>
                                            <tbody>
                                            <tr>
                                                <td> 支付宝成交件数：50;</td>
                                                <td>排名：7</td>
                                            </tr>
                                            <tr>
                                                <td>平均访问价值：0.35;</td>
                                                <td>排名：74</td>
                                            </tr>
                                            <tr>
                                                <td>综合排名：40</td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="td3-1">直通车数据：</td>
                                    <td>
                                        <table>
                                            <tbody>
                                            <tr>
                                                <td>花费：118.94;</td>
                                                <td>排名：4</td>
                                            </tr>
                                            <tr>
                                                <td>ROI：1.08;</td>
                                                <td>排名：8</td>
                                            </tr>
                                            <tr>
                                                <td>综合排名：6</td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="td3-1">是否掌柜推荐款：</td>
                                    <td><input type="checkbox" value="option1"></td>
                                </tr>
                                </tbody>
                            </table>
                        </td>
                        <td class="table4-td-4">删除</td>
                    </tr>

                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="modal-footer">
        <button class="btn btn-primary" type="button" ng-click="ok()">开始推广</button>
        <button class="btn btn-warning" type="button" ng-click="cancel()">退出</button>
    </div>

</div>